<template>
	<view class='box'>
		<view class="boxCont" style="padding-top: 0;">
			<view class="content-box" >
				<uni-title type="h3" :title="item.title"></uni-title>
				<view class="detailTit">
					{{item.content}}
					
				</view>
				<view class="time">{{setTime(item.createTime)}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {getTime} from "@/utils/auth.js"
	export default{
		data(){
			return{
				item:{}
			}
		},
		onLoad(e) {
			console.log(e);
			this.item = JSON.parse(e.val)
		},
		methods:{
			setTime(time){
				return getTime(time)
			},
		},
	}
</script>

<style lang='scss' scoped>
.headTit{
		display: flex;
		justify-content: space-between;
		padding: 0 20rpx;
		align-items: center;
		
		.deleteTit{
			padding: 20rpx 0 40rpx 30rpx;
			color: #18BC37;
		}
	}
	.content-box {
		padding: 20rpx;

		.detailTit {
			font-size: 28rpx;
		}

		.time {
			text-align: right;
			color: #999;
			font-size: 24rpx;
		}
	}

	/deep/.uni-list-item__content-title {
		color: $uni-color-primary;

	}

	.box {
		background-color: #fff;
		min-height: 100vh;

		.themeBackColor {
			border-radius: 50%;
			padding: 5rpx;
			width: 60rpx;
			height: 60rpx;
			line-height: 60rpx;
			margin-top: 10rpx;
		}
	}
</style>